@charset "utf-8";

/* top */
.topbox{background: #fafafa;border-bottom: 1px solid #f0f0f0;line-height: 24px;padding: 5px 0;color: #666;}
.topbox .leftbox{width: 50%;float: left;}
.topbox .rightbox{max-width: 50%;float: right;}
.topbox .rightbox a{float: left;}
.topbox .rightbox span{float: left;padding: 0 10px;margin-top: -1px;}

@media only screen and (max-width:1024px){
.topbox{display: none;}
}

/* headbox */
.headbox{background: #fff;}
.headbox .logo{height: 100%;float: left;overflow: hidden;position: relative;z-index: 1;}
.headbox .logo a{height: 100%;display: block;padding: 32px 0 26px 275px;position: relative;}
.headbox .logo p{position: absolute;left: 0;top: 50%;margin-top: -30px;}
.headbox .logo span{display: none;height: 100%;max-height: 50px;}
.headbox .logo img{height: 100%;}
.headbox .logo strong{display: block;font-size: 30px;color: #00b359;line-height: 52px;white-space: nowrap;padding-left: 14px;border-left: 1px solid #ccc;}

.headbox .telbox{float: right;padding: 20px 85px 20px 60px;max-width: 400px;position: relative;z-index: 5;}
.headbox .telbox em{width: 60px;height: 60px;border-radius: 30px;border: 2px solid #00b359;background: url(../images/icon1.png) center no-repeat;position: absolute;left: 0;top: 50%;margin-top: -30px;}
.headbox .telbox p{padding: 5px 14px 5px 10px;border-right: 1px solid #00b359;}
.headbox .telbox p span{display: block;font-size: 30px;line-height: 32px;height: 30px;font-weight: 600;color: #00b359;white-space: nowrap;}
.headbox .telbox img{width: 86px;position: absolute;right: -8px;top: 50%;margin-top: -43px;}

@media only screen and (max-width:1250px){
.headbox .logo a{padding-left: 270px;}
.headbox .logo strong{padding-left: 9px;}
.headbox .telbox{padding-right: 80px;max-width: 360px;}
.headbox .telbox p{padding: 5px 9px;letter-spacing: -1px;}
}
@media only screen and (max-width:1080px){
.headbox .logo strong{font-size: 25px;}
}
@media only screen and (max-width:1024px){
.headbox{box-shadow: 0 5px 15px rgba(0,0,0,.1);position: fixed;left: 0;top: 0;z-index: 999999;}
.headbox .page_main_box{width: 100%;}
.headbox .logo{height: 60px;padding-left: 2%;}
.headbox .logo a{padding: 5px 0;}
.headbox .logo span{display: block;}
.headbox .logo p,
.headbox .logo strong,
.headbox .telbox{display: none;}
}
@media only screen and (max-width:768px){
.headbox .logo{height: 50px;}
}

/* navbox */
.navbox{height: 50px;background: #00a653;position: absolute;left: 0;top: 145px;z-index: 99999;}
.navbox.nav_fixed{top: 0;}
.navbox ul li{position: relative;z-index: 1;}
.navbox ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;}
.navbox ul li:hover{z-index: 5;}

@media only screen and (min-width:1025px){
.navbox ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.navbox ul li{width: 10%;float: left;flex-shrink: 0;text-align: center;}
.navbox ul li > a{color: #fff;font-size: 15px;line-height: 20px;position: relative;padding: 15px 0;}
.navbox ul li > em{display: block;position: absolute;width: 100%;height: 0;left: 0;top: 100%;margin-top: 20px;color: #00b359;overflow: hidden;}
.navbox ul li > em svg{height: 18px;font-size: 16px;}

.navbox ul li dl{display: block;width: 120px;position: absolute;left: 50%;margin-left: -60px;top: 150%;margin-top: 20px;box-shadow: 0 2px 10px rgba(0,0,0,.2);opacity: 0;z-index: 1;}
.navbox ul li dl dd{position: relative;z-index: 1;}
.navbox ul li dl dd > a{height: 0;line-height: 20px;color: #fff;background: rgba(0,0,0,.75);}
.navbox ul li dl dd:first-child > a{border-radius: 5px 5px 0 0;}
.navbox ul li dl dd:last-child > a{border-radius: 0 0 5px 5px;}
.navbox ul li dl dd:hover > a{background: #00b359;font-weight: 600;}

.navbox ul li dl dd div{min-width: 150px;padding: 0 10px;position: absolute;left: 100%;margin-left: 10px;top: 0;background: #fff;border: 0 solid #ddd;border-radius: 5px;box-shadow: 0 2px 10px rgba(0,0,0,.2);opacity: 0;}
.navbox ul li dl dd div a{text-align: left;height: 0;line-height: 34px;border-top: 0 dotted #ccc;padding: 0 2px;}
.navbox ul li dl dd div a:first-child{border: none;}
.navbox ul li dl dd em{display: block;width: 0;height: 100%;position: absolute;left: 100%;top: 0;margin-left: 11px;overflow: hidden;z-index: -1;}
.navbox ul li dl dd em i{width: 20px;height: 20px;background: #00b359;position: absolute;left: 7px;top: 50%;margin-top: -10px;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.navbox ul li dl dd:hover div{padding: 4px 14px;border-width: 1px;opacity: 1;}
.navbox ul li dl dd:hover div a{height: 35px;border-top-width: 1px;}
.navbox ul li dl dd:hover em{width: 11px;margin-left: 0;}

.navbox ul li.active > a{background-color: #ffbf00;font-weight: 600;}
.navbox ul li:hover > em{height: 20px;padding-top: 2px;margin-top: 0px;}
.navbox ul li:hover dl{opacity: 1;top: 100%;}
.navbox ul li:hover dl dd{z-index: 5;}
.navbox ul li:hover dl dd > a{padding: 10px 5px;height: 40px;margin-bottom: 1px;}
}
@media only screen and (min-width:1251px){
.navbox ul li dl{width: 100%;left: 0;margin-left: 0;}
}
@media only screen and (max-width:1024px){
.navbox{height: 0;overflow: hidden;position: fixed;top: 0;background:#292d33;}
.navbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 130px);overflow-y:auto;position:absolute;left:0;top:70px;padding:0 2%;flex-wrap: wrap;}
.navbox ul li{width:100%;border-bottom:1px solid rgba(255,255,255,.2);-webkit-transition: .5s;transition: .5s;}
.navbox ul li > a{line-height: 50px;padding: 0 10px;font-size: 15px;color: #fff;}
.navbox ul li > span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;text-align: center;line-height: 50px;color: rgba(255,255,255,.5);font-size: 16px;z-index: 0;}
.navbox ul li > span svg{height: 50px;line-height: 50px;}

.navbox ul li dl{display: block;width: 100%;position: absolute;left: 0;top: 100%;background: #00944a;opacity: 0;overflow: hidden;}
.navbox ul li dl dd{background: #fff;}
.navbox ul li dl dd > a{line-height: 40px;height: 0;background: #00a653;padding: 0 15px;color: #fff;}
.navbox ul li dl dd div{width: 100%;padding: 0 5px 0 15px;overflow: hidden;}
.navbox ul li dl dd div a{width: auto;height: 0;line-height: 20px;padding: 0 14px;background: #fafafa;border: 0 solid #ddd;border-radius: 3px;float: left;margin-right: 10px;}
.navbox ul li dl dd:hover > a{background: #ffbf00;font-weight: 600;}
.navbox ul li dl dd:hover div{padding: 15px 15px 5px;}
.navbox ul li dl dd:hover div a{height: 30px;border-width: 1px;margin-bottom: 10px;padding: 4px 14px;}

.navbox ul li.active > a{color: #00b359;font-weight: 600;}
.navbox ul li.dl_show > span{-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);transform: rotateZ(-180deg);color: #fff;}
.navbox ul li.dl_show dl{opacity: 1;}
.navbox ul li.dl_show dl dd{margin-bottom: 1px;}
.navbox ul li.dl_show dl dd > a{height: 40px;}
}
@media only screen and (max-width:768px){
.navbox ul{height:calc(100vh - 120px);top:60px;}
}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;padding-top: 50px;}
.bannerpic{width: 100%;height: 0;padding-bottom: 450px;position: relative;z-index: 1;}
#shutter{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#shutter ul{width: 100%;height: 100%;position: relative;z-index: 1;}
#shutter ul li{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#shutter ul li span,
#shutter ul li a{width: 100%;height: 100%;position: absolute;float: left;left: 0;top: 0;overflow: hidden;}
#shutter ul li .created{overflow: hidden;position: absolute;z-index: 20;}
#shutter ul li img{height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
#shutter .btn p{width: 40px;color: rgba(255,255,255,.75);text-align: center;background: rgba(0,0,0,.3);padding: 20px 0;cursor: pointer;border-radius: 2px;opacity: 0;position: absolute;top: 50%;margin-top: -35px;z-index: 5;}
#shutter .btn p svg{font-size: 20px;line-height: 30px;height: 30px;}
#shutter .btn p.prev{left: 0;}
#shutter .btn p.next{right: 0;}
#shutter:hover .btn p{opacity: 1;}
#shutter .btn p:hover{background: rgba(0,180,90,.7);}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom: 31.25%;}
}
@media only screen and (max-width:1024px){
.banner{padding-top: 60px;}
#shutter .btn p{font-size: 18px;width: 30px;margin-top: -25px;padding: 10px 0;opacity: 1;}
}
@media only screen and (max-width:768px){
.banner{padding-top: 50px;}
}
@media only screen and (max-width:480px){
#shutter .btn p{width: 25px;font-size: 16px;padding: 5px 0;margin-top: -20px;}
}

/* search */
.searchbox{background: #00b359;padding: 20px 0;}
.searchbox .txtbox{float: left;width: 70%;padding: 6px 0 6px 90px;position: relative;color: #fff;line-height: 24px;}
.searchbox .txtbox .tit{font-weight: 600;position: absolute;left: 0;top: 6px;}
.searchbox .txtbox p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.searchbox .txtbox a{color: #fff;}
.searchbox .txtbox a:hover{text-decoration: underline;}

.searchbox .search{width: 28%;max-width: 350px;float: right;background: #fff;border-radius: 18px;height: 36px;position: relative;overflow: hidden;}
.searchbox .search p{width: 100%;height: 100%;padding: 6px 20px;}
.searchbox .search p input{display: block;width: 100%;line-height: 24px;}
.searchbox .search em{position: absolute;right: 0;top: 0;width: 40px;height: 100%;}
.searchbox .search em input{display: block;width: 100%;height: 100%;cursor: pointer;background: #fff url(../images/icon2.png) 6px center no-repeat;}

@media only screen and (max-width:1024px){
.searchbox .txtbox{width: 65%;}
.searchbox .txtbox p{overflow-x: auto;text-overflow: unset;}
.searchbox .search{width: 33%;}
}
@media only screen and (max-width:768px){
.searchbox{padding: 20px 0 10px;}
.searchbox .txtbox{width: 100%;margin-top: 5px;}
.searchbox .txtbox p{overflow-x: auto;text-overflow: unset;}
.searchbox .search{width: 100%;max-width: 100%;}
}
@media only screen and (max-width:425px){
.searchbox .search p{padding: 6px 15px;}
}


/* foot */
.footbox{color: rgba(255,255,255,.85);line-height: 30px;background: #00b359;}
.footbox a{color: rgba(255,255,255,.85);}
.footbox a:hover{color: #fff;}

.footbox .txt_con{padding: 70px 0 60px;border-bottom: 1px solid rgba(255,255,255,.2);}
.footbox .txt_con .titl{width: 100%;padding-bottom: 20px;color: #fff;font-size: 16px;font-weight: 600;line-height: 20px;}
.footbox .txt_con .list a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 10px;font-size: 15px;}

.footbox .txt_con .txt{width: 25%;float: left;flex-shrink: 0;padding: 0 3% 0 6%;border-left: 1px solid rgba(255,255,255,.2);}
.footbox .txt_con .txt.txt1{width: 23%;padding-left: 0;border: none;}
.footbox .txt_con .txt.txt1 .list p{width: 50%;float: left;}

.footbox .txt_con .ewm{width: 27%;padding: 0;border: none;}
.footbox .txt_con .ewm .con{width: 100%;max-width: 320px;float: right;border-left: 1px solid rgba(255,255,255,.2);}
.footbox .txt_con .ewm .con p{width: 50%;border: 1px solid rgba(255,255,255,.2);border-left: none;padding: 14px 14px 0;float: left;}
.footbox .txt_con .ewm .con p img{width: 100%;}
.footbox .txt_con .ewm .con p span{display: block;color: #fff;line-height: 20px;padding: 5px;text-align: center;}

.footbox .linkbox{border-bottom: 1px solid rgba(255,255,255,.2);line-height: 25px;}
.footbox .linkbox ul{position: relative;padding: 20px 0 20px 150px;}
.footbox .linkbox ul p{position: absolute;left: 2px;top: 20px;font-size: 16px;font-weight: 600;color: #fff;}
.footbox .linkbox ul span{position: absolute;left: 80px;height: 24px;top: 21px;font-size: 18px;text-transform: uppercase;}
.footbox .linkbox ul li{display: inline;padding: 0 5px;}
.footbox .linkbox ul li a{white-space: nowrap;font-size: 15px;}

.footbox .bottom{padding: 30px 0;text-align: center;}

@media only screen and (max-width:1440px){
.footbox .txt_con{padding: 60px 1% 50px;}
.footbox .bottom{padding: 25px 0;line-height: 25px;}
.footbox .txt_con .ewm .con{max-width: 300px;}
}
@media only screen and (max-width:1250px){
.footbox .txt_con{padding: 50px 1% 40px;}
.footbox .txt_con .titl{padding-bottom: 15px;}
.footbox .txt_con .list a{font-size: 14px;}
.footbox .txt_con .txt{padding: 0 2% 0 5%;}
.footbox .txt_con .txt.txt1{width: 22%;}
.footbox .txt_con .ewm{width: 28%;}
.footbox .linkbox ul{padding-left: 130px;}
.footbox .linkbox ul span{left: 75px;}
.footbox .linkbox ul li a{font-size: 14px;}
}
@media only screen and (max-width:1024px){
.footbox .txt_con,
.footbox .linkbox,
.footbox .bottom .txt1{display: none;}
}
@media only screen and (max-width:768px){
.footbox .bottom{padding: 20px 0;}
.footbox .bottom p{display: inline;padding: 0 3px;}
.footbox .bottom p:nth-child(2){display: none;}
}